﻿<!DOCTYPE html>
<!-- saved from url=(0031)http://www.52biaobai.com/tmp/9/ -->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>情人节快乐</title>

	<style>
		body {
			margin: 0;
			padding: 0;
			/*background: #fce1e1;*/
			font-size: 12px;
			overflow: hidden;
			background-repeat: no-repeat;
            background-position: center center #2D0F0F;
            background-color: #00BDDC;
            background-image: url(images/yinghua.jpg);
            background-size: cover;
		}

		.snow-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 100001;
        }

		#mainDiv {
			width: 100%;
			height: 100%
		}

		#loveHeart {
			float: left;
			width: 670px;
			height: 880px
		}

		#garden {
			width: 100%;
			height: 100%
		}

		#elapseClock {
			text-align: right;
			font-size: 18px;
			margin-top: 10px;
			margin-bottom: 10px
		}

		#words {
			font-family: "sans-serif";
			width: 505px;
			font-size: 24px;
			color: #666;
			margin-top:80px;
		}

		#messages {
			display: none
		}

		#elapseClock .digit {
			font-family: "digit";
			font-size: 36px
		}

		#loveu {
			padding: 5px;
			font-size: 32px;
			margin-top: 80px;
			margin-right: 120px;
			text-align: right;
			display: none
		}

			#loveu .signature {
				margin-top: 25px;
				font-size: 25px;
				font-style: italic
			}

		#code {
			float: left;
			width: 440px;
			height: 400px;
			color: #333;
			font-family: "Consolas","Monaco","Bitstream Vera Sans Mono","Courier New","sans-serif";
			font-size: 12px
		}

			#code .string {
				color: #2a36ff
			}

			#code .keyword {
				color: #7f0055;
				font-weight: bold
			}

			#code .placeholder {
				margin-left: 15px
			}

			#code .space {
				margin-left: 7px
			}

			#code .comments {
				color: red;
			}

		#copyright {
			margin-top: 10px;
			text-align: center;
			width: 100%;
			color: #666
		}

		#errorMsg {
			width: 100%;
			text-align: center;
			font-size: 24px;
			position: absolute;
			top: 100px;
			left: 0
		}

		#copyright a {
			color: #666
		}
	</style>
	<script src="js/jquery.js" type="text/javascript"></script>
	<script src="js/garden.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
	<script src="js/snow.js" type="text/javascript"></script>

</head>
<body>
<div class="snow-container"></div>
	<audio style="width:0px;height:0px;" controls="" autoplay="autoplay" loop="" src="1.mp3" type="audio/mpeg" hidden="hidden"></audio>
	<div id="mainDiv">
		<div id="content">
			<div id="code" style="font-size:13px;">
				<span class="comments">**</span><br>
<span class="space"><span class="comments">* 以前的车马很慢</span><br>
<span class="space"><span class="comments">* 一生只够爱一个人</span><br>
<span class="space"><span class="comments">* 现在交通便利了，科技发展的快了</span><br>
<span class="space"><span class="comments">* 而我，余生只想爱你</span><br>
<span class="space"><span class="comments">* 天涯海角有穷时，只有相思无尽处</span><br>
<span class="space"><span class="comments">* 入目无别人，四下皆是你</span><br>
<span class="space"><span class="comments">* 二两桃花酿作酒，万杯不及你温柔</span><br>
<span class="space"><span class="comments">* 愿我如星君如月，夜夜流光相皎洁</span><br>
<span class="space"><span class="comments">* 待到繁花落尽,与你细水长流</span><br>
<span class="space"><span class="comments">* 喜欢你，心之所向是你，目之所及也是你</span><br>
<span class="space"><span class="comments">* 眼中的你，无以伦比；心中的你，始终完美</span><br>
<span class="space"><span class="comments">* 山河远阔，人间星河，无一是你，无一不是你</span><br>
<span class="space"><span class="comments">* 我愿提笔画尽天下，许你一世繁华</span><br>
<span class="space"><span class="comments">* 为你明灯三千，为你花开满城</span><br>
<span class="space"><span class="comments">* 血染江山的画，怎敌你眉间一点朱砂</span><br>
<span class="space"><span class="comments">* 春分十里扬州路，卷上珠帘总不和</span><br>
<span class="space"><span class="comments">* 长相思兮长相忆，短相思兮无穷极</span><br>
<span class="space"><span class="comments">* 锦书难托思君意，笔下付尽心中情</span><br>
<span class="space"><span class="comments">* 锦水汤汤，与君长诀</span><br>
<span class="space"><span class="comments">* 情不知所起，一往情深</span><br>
<span class="space"><span class="comments">* ，，，，，，，，，</span><br>
<span class="space"><span class="comments">* 风止于秋水，我止于你</span><br>
<span class="space"><span class="comments">* 一往情深深几许，深山夕照深秋雨</span><br>
                <span class="comments">*情话是抄的，但爱你是真的*</span><br>
			</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div>
			<div id="loveHeart">
				<canvas id="garden"></canvas>
				<div id="words" style="color:red;">
					<div id="messages">

						小莉莉， 情人节快乐

						<div id="loveu">
							永远爱你<br>
							<div class="signature">-小龙</div>
						</div>
					</div>
				</div>
			</div>
			<!--div id="copyright">
				<a target="_blank" href="http://www.52biaobai.com" style="color:pink;font-size:16px;">如果你愿让他充当你的避风港,就点这里找到他，大声对他说出你的心声!!</a>
			</div-->
		</div>
	</div>
	<script type="text/javascript">



		var offsetX = $("#loveHeart").width() / 2;
		var offsetY = $("#loveHeart").height() / 2 - 55;

		if (!document.createElement('canvas').getContext) {
			var msg = document.createElement("div");
			msg.id = "errorMsg";
			msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
			document.body.appendChild(msg);
			$("#code").css("display", "none")
			$("#copyright").css("position", "absolute");
			$("#copyright").css("bottom", "10px");
			document.execCommand("stop");
		} else {
			setTimeout(function () {
				adjustWordsPosition();
				startHeartAnimation();
			}, 10000);

			$("#accept").click(function () {
				$(this).hide();
				$("#elapseClock").show();
				var together = new Date();
				timeElapse(together);
				setInterval(function () {
					timeElapse(together);
				}, 500);
			})
			adjustCodePosition();
			$("#code").typewriter();
		}

	</script>
	</body>
	</html>
